<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>圈子首页</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<link href="../css/my.css" rel="stylesheet" />
		<style>
			.jg-input-ul li {
				border-bottom: 1px solid #f7f7f7;
			}
			
			.mui-popover .mui-table-view:after {
				height: 1px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<h1 id="title" class="mui-title km-view-title">内科圈</h1>
			<a class="mui-icon mui-icon-compose mui-pull-right padding-item" href="#replyPopover2"></a>
			<a class="mui-icon mui-icon-search mui-pull-right padding-item" href="circle-search.html"></a>
		</header>
		<div class="mui-content3 mui-fullscreen mui-scroll-wrapper" style="background:#efefef;">
			<div class="mui-scroll">
				<div class="post-master" style="background:white;border-bottom:1px solid #f7f7f7;">
					<a class="img-a" ontouchstart='openWindow("../view/doctor-detail.html", "../view/doctor-detail.html");'><img src="../img/example1.png" /></a>
					<dl><dt>王医生<span>圈主</span></dt>
						<dd>内科</dd>
					</dl>
					<!--关注后文字变成已关注，自己是圈主则隐藏-->
					<a class="guanzhu" ontouchstart="guanzhu()">关注</a>
				</div>
				<div class="circle-header">
					<img src="../img/example4.png" />
					<dl><dt>圈子ID：<span>10234</span><br/>
						圈子成员：<span>12456</span>
					</dt>
						<dd>今日话题：<span>1658465</span></dd>
					</dl>
					<!--退出圈子，自己是圈主则隐藏-->
					<!--<a class="mui-icon mui-icon-minus quxiao" ontouchstart="tuiquan()"></a>-->
					<a class="mui-icon mui-icon-gear circle-master-cog" ontouchstart=' openWindow("circle-circle-edit.html", "circle-circle-edit.html");'></a>
				</div>
				<ul class="circle-menu">
					<li class="active"><a>全部</a></li>
					<li><a>精华</a></li>
					<li><a>最新</a></li>
				</ul>
				<ul class="circle-ul-1" id="post-area">
					<li>
						<a href="circle-post.html">
							<!--精华帖-->
							<div class="jhPost">精</div>
							<!--精华帖end-->
							<div class="top">
								<div class="img">
									<img src="../img/example1.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-img">
								<img src="../img/example3.png" />
								<img src="../img/example4.jpg" />
								<img src="../img/example6.jpg" />
							</div>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<div class="top">
								<div class="img">
									<img src="../img/example2.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-text">
								全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
							</div>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<div class="top">
								<div class="img">
									<img src="../img/example1.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-img">
								<img src="../img/example3.png" />
								<img src="../img/example4.jpg" />
								<img src="../img/example6.jpg" />
							</div>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<div class="top">
								<div class="img">
									<img src="../img/example2.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-text">
								全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
							</div>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<div class="top">
								<div class="img">
									<img src="../img/example1.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-img">
								<img src="../img/example3.png" />
								<img src="../img/example4.jpg" />
								<img src="../img/example6.jpg" />
							</div>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<div class="top">
								<div class="img">
									<img src="../img/example2.png" />
								</div>
								<dl><dt>王医生</dt>
									<dd>内科</dd>
								</dl>
								<span class="reply"><i class="fa fa-commenting-o"></i>25</span>
								<span class="time">02-06</span>
							</div>
							<p class="title">肠道微生态与功能性胃肠病</p>
							<div class="content-text">
								全球胃肠病学研究者和临床医生在肠道微生态、早癌内镜诊治、炎症性肠病等领域硕果累累 2015年美国汤森路透“引文桂冠奖”(医学组)颁发给了美国华盛顿大学戈登(JeffreyI.Gordon)教授，以表彰其团队在验证人类肠道微生物群落与人类生理、代谢及营养关系方面作出的重要贡献。
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--发帖popover-->
		<div id="replyPopover2" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" ontouchstart="closePopover()"></a>
						<h1 id="title" class="mui-title km-view-title">发新帖</h1>
						<a class="mui-pull-right header-text">发表</a>
					</header>
					<div class="mui-content3">
						<ul class="mui-table-view jg-input-ul">
							<li class="mui-table-view-cell">
								<span class="left">回复限制:</span>
								<select>
									<option>允许所有人回复</option>
									<option>不允许任何人回复</option>
									<option>允许医生回复</option>
								</select>
							</li>
						</ul>
						<input class="post-input-title" placeholder="~我是标题~" type="text" />
						<textarea class="post-textarea" placeholder="~我是内容~" autoHeight="true"></textarea>

					</div>
				</div>
				<div class="post-imgAdd">
					<img src="../img/example1.png" />
					<a class="addButton"><i class="mui-icon mui-icon-plusempty"></i></a>
				</div>
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script src="../js/zepto.min.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#f7f7f7',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();
		$(".circle-menu li").on("touchstart", function() {
			$(this).addClass("active").siblings("li").removeClass("active");
		});
		mui('#post-area').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			openWindow(href, href, {
				id: id,
				title: title
			});
		});

		function closePopover() {
			mui('#replyPopover2').popover('toggle');
		}

		function tuiquan() {
			alert("退出圈子");
		}
		//============关注===================================
		function guanzhu() {
			var rs = $(event.currentTarget);
			if (rs.hasClass("yiguanzhu")) {
				rs.text("关注");
			} else {
				rs.text("已关注");
			}
			rs.toggleClass("yiguanzhu");
		}
	</script>

</html>